<template>
  <view class="uu-bc">
    <z-paging class="container" ref="paging" @query="queryList" refresher-only>
      <template #top>
        <view class="top_status"></view>
      </template>

      <template #refresher="{ refresherStatus }">
        <custom-refresher :status="refresherStatus" />
      </template>

      <view style="height: 50px;" v-for="i in 100" :key="i">门店展示</view>

      <template #bottom>
        <slot name="bottom" />
      </template>
    </z-paging>
  </view>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { onShow } from '@dcloudio/uni-app'

const paging = ref()

const queryList = (pageNo: number, pageSize: number) => {
  setTimeout(() => {
    paging.value?.endRefresh?.()
  }, 300)
}

const navigateTo = (url: string) => {
  uni.navigateTo({ url })
}

onMounted(() => {
  // 预留生命周期逻辑
})

onShow(() => {
  // 页面展示时触发
})

defineExpose({
  reload: () => {
    paging.value?.reload?.()
  }
})
</script>

<style lang="less" scoped>
</style>
